<template>
  <van-collapse v-model="activeNames">
    <van-collapse-item title="标题1" name="1">
      <van-index-bar>
        <van-index-anchor index="A" />
        <van-cell title="文本" />
        <van-cell title="文本" />
        <van-cell title="文本" />
        <van-index-anchor index="B" />
        <van-cell title="文本" />
        <van-cell title="文本" />
        <van-cell title="文本" />
      </van-index-bar>
    </van-collapse-item>
    <van-collapse-item title="标题2" name="2">
      技术无非就是那些开发它的人的共同灵魂。
    </van-collapse-item>
    <van-collapse-item title="标题3" name="3">
      在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
    </van-collapse-item>
  </van-collapse>
</template>

<script>
import { ref } from 'vue';
import { Collapse, CollapseItem } from 'vant';
import { IndexBar, IndexAnchor } from 'vant';
export default {
  name: 'treeDate',
  props: ["markPorK"],
  components: {
    [Collapse.name]: Collapse,
    [CollapseItem.name]: CollapseItem,
    [IndexBar.name]: IndexBar,
    [IndexAnchor.name]: IndexAnchor,


  },
  
    setup() {
      const activeNames = ref(['1']);
      return { activeNames };
    },
}
</script>

<style scoped>
</style>